﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../passport/js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../../client/js/base.js" type="text/javascript"></script>
<script src="../../client/js/dialog.js" type="text/javascript"></script>
<script src="../../Passport/js/Pager.js" type="text/javascript"></script>
<style>
    body{ background-color:#EFEFEF; font: normal 16px "微软雅黑" ,tahoma}
    #list{ margin-right:15px;margin:15px; padding:0px;}
     #list li{list-style:none; line-height:30px;}
     #list li a{ text-decoration:none; color:Black;}
     #list li a:hover{color:#FAAE40}
    .right{float:right;}
     /*分页*/
        .pager_style{width: 100%;height: 30px;margin-top: 10px;text-align: left;color: Black;}
        .pager_style li{font-size: 14px;}
        .pager_style .page_num{height: 100%;font-size: 0;display: inline-block;float: left;}
        .pager_style .page_num li{height: 100%;border: 1px solid #B9CADE;padding: 0 10px;margin-right: 5px;line-height: 30px;display: inline-block;cursor: pointer;float: left;}
        .pager_style .page_num li:hover{border: 1px solid #B9CADE;background-color: #B9CADE;color: White;}
        /*分页 选中当页样式*/
        .pager_style .page_num .active{border: 1px solid #B9CADE;background-color: #B9CADE;color: White;cursor: default;}
        /*分页 不可用样式*/
        .pager_style .page_num .disable{background-color: #f1f1f1;}
        .pager_style .page_num .disable:hover{border: 1px solid #B9CADE;background-color: #f1f1f1;color: Black;}
        .pager_style .page_info{ margin:0px; display: inline-block;float: left;}
        .pager_style .page_info li{display: inline-block;margin-left: 10px;float: left;line-height: 30px;}
</style>
<script>
    var pager = new Pager();
    $(function () {
        GetList(1)
    });
    function GetList(page) {
        var user_id = getQueryString("user_id");
        var param = "user_id=" + user_id + "&page=" + page;
        $.get("../../api/tool/shareduser.ashx?sharedlist", param, function (data) {
            if (data.code != 0)
                Alert(data.msg)
            else {
                var list = data.item.table;
                $("#list").html("");
                for (var i = 0; i < list.length; i++) {
                    var title = list[i]["article_title"];
                    if (title == null)
                        title = list[i]["url_title"];
                    var url = "";
                    if (list[i]["type"] == 2)
                        url = list[i]["url"];
                    else
                        url = "http://redirect.711688.cn/item.html?param=" + encodeURIComponent("article_id=" + list[i]["article_id"] + "&advert_id=" + list[i]["advert_id"] + "&shareid=" + list[i]["id"]);
                    $("#list").append("<li><span class='right'>" + list[i]["date"] + "</span><a href='" + url + "' target=\"_blank\">" + title + "</a></li>");
                }
                pager.initPage(page, data.item.itemCount, 20, 5, GetList);
            }

        }, "json");
    }
</script>
</head>
<body>
<div style="font-size:14px;">首页 》 微街秀案例 》</div>
<ul id="list">
</ul>
<div style=" margin-left:auto; margin-right:auto; width:750px;">
<div class="pager_style">
            <ul class="page_num">
            </ul>
            <ul class="page_info">
                <li>总数:<span id="count">0</span></li>
                <li>每页:<span id="pageSize">0</span></li>
                <li>页数:<span id="pageToal">0</span></li>
            </ul>
        </div>
        </div>
</body>
</html>
